<html xmlns="https://www.w3.org/1999/xhtml">
<head>
    <meta https-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="https://xcximg.juseyun.com/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://xcximg.juseyun.com/assets/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://xcximg.juseyun.com/assets/css/ace.min.css" />
    <link rel="stylesheet" href="https://xcximg.juseyun.com/assets/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="https://xcximg.juseyun.com/assets/css/ace-skins.min.css" />
    <link rel="stylesheet" href="https://xcximg.juseyun.com/assets/css/style.css"/>
    <script src="https://xcximg.juseyun.com/assets/js/ace-extra.min.js"></script>
    <script src="https://xcximg.juseyun.com/assets/js/jquery-1.9.1.min.js"></script>
    <script src="https://xcximg.juseyun.com/assets/layer/layer.js" type="text/javascript"></script>
    <title>熊猫小说城</title>
</head>
<body class="login-layout Reg_log_style">
<div class="logintop">
    <span>欢迎后台管理界面平台</span>
    <ul>
        <li><a href="#">返回首页</a></li>
        <li><a href="#">帮助</a></li>
        <li><a href="#">关于</a></li>
    </ul>
</div>
<div class="loginbody">
    <div class="login-container">
        <div class="center">
            <img src="https://xcximg.juseyun.com/assets/images/logo.png" width="470px" height="60px"/>
        </div>
        <div class="space-6"></div>
        <div class="position-relative">
            <div id="login-box" class="login-box widget-box no-border visible">
                <div class="widget-body">
                    <div class="widget-main">
                        <h4 class="header blue lighter bigger">
                            <i class="icon-coffee green"></i>
                            管理员登陆
                        </h4>

                        <div class="login_icon"><img src="https://xcximg.juseyun.com/assets/images/login.png"/></div>

                        <form class="" method="post" action="administer">
                            <fieldset>
                                <ul>
                                    <li class="frame_style form_error"><label class="user_icon"></label><input name="accountnumber" data-name="用户名" type="text"  id="username"/><i>用户名</i></li>
                                    <li class="frame_style form_error"><label class="password_icon"></label><input name="userpassword" data-name="密码" type="password"   id="userpwd"/><i>密码</i></li>
                                </ul>
                                <div class="space"></div>

                                <div class="clearfix">
                                    <label class="inline">
                                        <input type="checkbox" class="ace">
                                        <span class="lbl">保存密码</span>
                                    </label>
                                    <button type="submit" class="width-35 pull-right btn btn-sm btn-primary" id="login_btn">
                                        <i class="icon-key"></i>
                                        登陆
                                    </button>
                                </div>
                                <div class="space-4"></div>
                            </fieldset>
                        </form>
                    </div>

                    <div class="toolbar clearfix">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="loginbm">版权所有  2017 <a href="">湖南橘色科技有限公司</a> </div><strong></strong>
</body>
</html>
<script>
    $('#login_btn').on('click', function(){
        var num=0;
        var str="";
        $("input[type$='text'],input[type$='password']").each(function(n){
            if($(this).val()=="")
            {
                layer.alert(str+=""+$(this).attr("data-name")+"不能为空！\r\n",{
                    title: '提示框',
                    icon:0,
                });
                num++;
                return false;
            }
        });
        if(num>0){  return false;}
        else{
//            layer.alert('登陆成功！',{
//                title: '提示框',
//                icon:5,
//            });
//            location.href="index";
//            layer.close(index);
        }

    });
    $(document).ready(function(){
        $("input[type='text'],input[type='password']").blur(function(){
            var $el = $(this);
            var $parent = $el.parent();
            $parent.attr('class','frame_style').removeClass(' form_error');
            if($el.val()==''){
                $parent.attr('class','frame_style').addClass(' form_error');
            }
        });
        $("input[type='text'],input[type='password']").focus(function(){
            var $el = $(this);
            var $parent = $el.parent();
            $parent.attr('class','frame_style').removeClass(' form_errors');
            if($el.val()==''){
                $parent.attr('class','frame_style').addClass(' form_errors');
            } else{
                $parent.attr('class','frame_style').removeClass(' form_errors');
            }
        });
    })
</script>